<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则表达式中的替换</title>
    <!-- 
        replace() 方法可以实现替换字符串操作，用来替换的参数可以是一个字符串或是一个正则表达式。
        stringObject.replace(regexp/substr,replacement)
        第一个参数：被替换的字符串 或者 正则表达式
        第二个参数：替换为的字符串
        返回值是一个替换完毕的新字符串
        正则表达式参数
        /表达式/[switch]
         switch(也称为修饰符) 按照什么样的模式来匹配. 有三种值：
          g：全局匹配
          i：忽略大小写
          gi：全局匹配 + 忽略大小写
     -->
     <style>
        textarea {
            width: 300px;
            height: 100px;
            border: 1px solid #108881;
            resize: none;
        }
     </style>
</head>
<body>
    <textarea name="" id="" ></textarea>
    <button>点击</button>
    <div></div>
</body>
<script>
    var text = document.querySelector('textarea')
    var btn = document.querySelector('button')
    var div = document.querySelector('div')
    btn.onclick = function(){
        div.innerHTML = text.value.replace(/激情|gay/g,'**')
    }
</script>
</html>